<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>名家列表_分年代时期</title>

<link href="../style/common.css" rel="stylesheet" type="text/css" />

<style type="text/css">
.main {text-align: left;width: 960px;margin: 0 auto;border:1px solid #cccccc;background: #fff;min-height: 500px;margin-top: 5px;}

.list {float: left;padding-right: 24px;}
.item {height: 96px;width: 80px;background: url(../images/mjmhdt.gif) no-repeat;padding-top: 5px}
.pic{position: relative;width: 70px;height: 86px;background:center center;margin-left: 5px}
.pic a{display:block;width: 70px;height: 86px;}
.title {line-height: 20px;font-family: "宋体";font-size: 12px;padding:0px;text-align: center}
.row   {clear:both;padding-left: 22px;margin-top: 10px;}	
.row:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.updateState{position: absolute;top: -10px;left: -14px;font-family: 宋体;font-size: 11px;color: #ffffff;}
</style>

</head>

<body>

<%@include file="/commons/head.jsp"%>

<div class="main">

	<div style="clear:both;border: solid #ccc; border-width: 0px 0px 1px 0px;margin: 10px 24px 0px 22px;overflow: hidden;height: 22px;">
		<span style="font-family: 宋体;font-size: 12px;color: red;float: left;">
		<s:if test="#request.period == 1">当代</s:if><s:elseif test="#request.period == 2 ">近现代</s:elseif><s:elseif test="#request.period == 3 ">古代</s:elseif>名家</span>
		<span style="font-family: 宋体;font-size: 12px;float: right;color: #999999">注明：排名不分先后</span>
	</div>
   <c:forEach items="${requestScope.painterList}" var="painter" varStatus="status">
	   <c:if test="${ status.count mod 9 == 1}"><div class="row"></c:if>
	   	 <div class="list">
		 		<div class="item">
				      <div style="background-image: url('${painter.smallImagePath }');" class="pic">
		                   	<a href="${ctx }/front/painterAction!painterStarDetail.do?id=${painter.id }"></a>
	                  </div>
	            </div>
	           <div class="title">
                  <a href="${ctx }/front/painterAction!painterStarDetail.do?id=${painter.id }">
					${painter.name}
				  </a>
	          </div>
          </div>
	   <c:if test="${ status.last or  status.count mod 9 == 0}"></div></c:if>
   </c:forEach>
   
</div>


<%@include file="/commons/foot.jsp"%>

</body>
</html>